export default function Card(props) {
  const { card } = props;
  return (
    <div className="article">
      <div className="card">
        <a href="javasript:void(0);" alt="#">
          <div className="card-image">
            <img
              className="lazy responsive-img"
              data-original="/medias/blogimages/nodejs.png"
              src={require(`../../assets/imgs/${card.img}`)}
              style={{ display: "block" }}
            />

            <span className="card-title">{card.title}</span>
          </div>
        </a>
        <div className="card-content article-content">
          <div className="summary block-with-text">{card.content}</div>
        </div>
      </div>
    </div>
  );
}
